<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="实地圈,实地圈网站,共享经济"/>
    <meta name="description" content="地理位置共享经济软件" />
    <title>实地圈首页</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="icon" href="./images/logo.ico" />
    <script src="./js/sethtmlfontSize.js"></script>
</head>
<body>
    <header class="searchs">
       <div class="zwl-header">
        <a href="./chooseCity.html" class="search-left1">
            <span id="address">定位中..</span>
            <i></i>
        </a>
        <div class="search-center">
            <img src="./images/search_icon.png" alt="">
            <input id="search-input" type="text" autofocus="autofocus">
        </div>
        <div class="search-right">
           <a href="javascript:void(0);" id="login" class="login">我的</a>
        </div>
        <div class="clears"></div>
        </div>
        
    </header>
    <div class="zwl-choose">
         <div class="zwl-good">
             <img src="./images/zwl-good.png" alt="">
             <p class="zwl-p">商品</p>
             <p class="zwl-pe">本地商品</p>
         </div>
         <div class="zwl-shop">
             <img src="./images/zwl-shop.png" alt="">
             <p class="zwl-p">商家</p>
             <p class="zwl-pe">本地店铺</p>
         </div>
         <div class="zwl-service">
             <img src="./images/zwl-service.png" alt="">
             <p class="zwl-p">个人服务</p>
             <p class="zwl-pe">个人能力服务</p>
         </div>   
    </div>
    <div class="clears"></div>
    <div class="index-content" id="index-content">

         <!--附近商家-->
        <div class="near-shop">
            <span>附近商家</span>
            <a href="javascript:void(0);" class="more" data-url="shop">更多</a>
        </div>
        <!--商家列-->
        <div id="detail">
        </div>
        <!--附近商品-->
        <div class="near-goods">
            <span>附近商品</span>
            <a href="javascript:void(0);" class="more" data-url="goods">更多</a>
        </div>
        <!--商品列-->
        <div class="goods-lists" id="goods-lists">
        </div>

        <!--附近服务-->
        <div class="near-service">
            <span>附近服务</span>
            <a href="javascript:void(0);" class="more" data-url="service">更多</a>
        </div>
        <!--服务列-->
        <div class="serviceDetail">
        </div>
    </div>
         <!--底部-->
    <footer id="footer" class="footer">
        <div class="pagenum" style="visibility:hidden;">
            <span class="pre">上一页</span>
            <i idaccesskey="currentpage" class="currentpage">2</i>
            <span class="next">下一页</span>   
        </div>
        <div class="footer-ul">
           <ul>
               <li class="first"><a href="./index.html">首页</a></li>
               <li class="li login"><a href="javascript:void(0);">登录</a></li>
               <li class="li"><a href="http://www.shidiquan.cn">客户端</a></li>
               <li class="li"><a href="javascript:void(0);">电脑版</a></li>
               <li class="li"><a href="http://www.shidiquan.cn">帮助</a></li>
           </ul>
       </div>
    </footer>
     <!--悬浮下载app-->
    <div id="download-app" class="download-app">
        <div id="down-content" class="down-content" >
            <img class="close" id="close" src="./images/close_icon.png" alt="">
            <div class="down-left l">
                <img src="./images/logo.png" alt="">
            </div>
            <div class="down-center l">
                <p class="unmgntop">下载实地圈客户端</p>
                <p class="mgntop">兼职推广，在家创业，躺着赚钱</p>
            </div>
            <div class="down-right l">
                <span class="">免费下载</span>
            </div>
            <div class="clears"></div>
        </div>
        
    </div>
    <!--回到顶部-->
    <div id="back-top" class="back-top">
        <img src="./images/back_top_icon.png" alt="回到顶部">      
    </div>
</body>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="./js/pub_page.js"></script>
<script src="./js/index.js"></script>
<script>
    var doc=document;
    function query(str){
        var query =doc.querySelector(str);
        return query;
    }
</script>
</html>